@CHARSET "UTF-8";
*{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	width:auto;
	color:#fff;
}
body{
	background:#000;
}
.page{
	background:url(../img/zbk.jpg);
	width:auto;
	height:480px;
	background-position:center;
}
div.main{ width:88%; float:left; overflow:hidden; margin:22px; margin-top:10px; }
div.main h3{ color:#fff; text-align:center; margin:10px; margin-top:0px; }
#zlist ul { }

#zlist ul li a {
	display:block;
	width:80px;
	height:80px;
	background:url(../img/zodiac_pic.png) left top;
	float:left;
	margin:6px;
}

/* zcon */

#zcont{
    		
}
#zcont .top {

	margin-top:10px;
}
#zcont .top h3 {
	text-align:left;
	margin-left:0px;
	width:100%;
}
#zcont .top .right p {

}
#zcont .top .right {
	padding:10px;
	float:left;
}
#zcont .top .left span{
	display:inline-block;
	height:80px;
	width:80px;
	background:url(../img/zodiac_pic.png) left top;
	float:left;
}
#zcont ul.nav {
	clear:both;
	background:none;
	-webkit-border-top-right-radius: 5px;     
	-webkit-border-top-left-radius:5px;     
	-webkit-border-bottom-left-radius: 5px;     
	-webkit-border-bottom-right-radius: 5px;   
	display:block;
	height:40px;
}
#zcont ul.nav li {
	display:inline;
	margin:0px;
	
}
#zcont ul.nav li a{
	padding:10px 0px;
	margin:0px;
	display:inline-block;
	width:33%;
	text-align:center;
	background:#5F0C5F;
	float:left;	
	opacity: 0.8;
	font-weight:800; 	
	color:#FFAFFF;
	border-top:1px solid #9F459F;
}
#zcont ul.nav li:first-child a{
	-webkit-border-top-left-radius:5px;     
	-webkit-border-bottom-left-radius: 5px; 
}
#zcont ul.nav li.tom a{
	-webkit-border-top-radius:5px;     
	-webkit-border-bottom-left-radius: 1px; 
}
#zcont ul.nav li:last-child a{
	-webkit-border-top-right-radius:5px;     
	-webkit-border-bottom-right-radius: 5px; 
}
#zcont ul.nav li.on a{
	background:#AC2BAF;
	color:#000;
	text-shadow: 0px 1px 1px #DFA7DF;
}

#zlist ul li.jn a,#zcont .top span.jn{ background-position:-80px 0px;	}
#zlist ul li.suz a,#zcont .top span.suz{ background-position:80px 0px;	}

#zlist ul li.jx a,#zcont .top span.jx{ background-position:0px -80px;	}
#zlist ul li.siz a,#zcont .top span.siz{ background-position:-80px -80px;	}
#zlist ul li.cn a,#zcont .top span.cn{ background-position:80px -80px;	}

#zlist ul li.tp a,#zcont .top span.tp{ background-position:0px -160px;	}
#zlist ul li.tx a,#zcont .top span.tx{ background-position:-80px -160px; }
#zlist ul li.se a,#zcont .top span.se{ background-position:80px -160px;	}

#zlist ul li.mj a,#zcont .top span.mj{ background-position:0px 80px;	}
#zlist ul li.sp a,#zcont .top span.sp{ background-position:-80px 80px;	}
#zlist ul li.sy a,#zcont .top span.sy{ background-position:80px 80px;	}

#zcont div.maininfo{
	clear:both;
	margin-top:10px;
}
#zcont div.maininfo .mli{
	position:relative;
	margin:10px 0px;
	background:#000;
	opacity:0.6;
	padding:10px;
	-webkit-border-top-right-radius: 5px;     
	-webkit-border-top-left-radius:5px;     
	-webkit-border-bottom-left-radius: 5px;     
	-webkit-border-bottom-right-radius: 5px;   	
	border-top:1px solid #9F459F;
	border-right:1px solid #5F1D5F;
	margin-right:5px;
}
#zcont div.maininfo .mli img{
	float:right;
	position:absolute;
	right:0px;
	top:8px;
	right:5px;
}
#zcont div.maininfo .mli p{
	text-indent:32px;
	line-height:25px;
	text-align:justify;
	
}

